@import 'global.css';

.solutionBox {
    width:100%;
    height:auto;
}

.solutionMain {
    width:1100px;
    height:auto;
    margin:0px auto;
}

.solutionContent {
    width:100%;
    height:auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.solutionContentItem {
    width:100%;
    height:240px;
    background:#fff;
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.2);
    border-radius:5px;
    position: relative;
    float:left;
}

.solutionContentItemImage {
    width:300px;
    height:240px;
    border-right:2px solid #eee;
    float:left;
    padding-right:40px;
}

.solutionContentItemImage img {
    width:100%;
    object-fit: contain;
    height:200px;
    margin:10px;
    margin-top:30px;
    margin-left:20px;
}

.solutionContentItemContent {
    position: absolute;
    left:330px;
    top:0px;
    bottom:0px;
    right:0px;
    height:240px;
    float:right;
}

.solutionContentItemTitle {
    width:auto;
    height:30px;
    font-size:20px;
    border-top-right-radius: 5px;
    background:#fff;
    margin-top:20px;
}

.solutionContentItemDesc {
    width:auto;
    height:auto;
    font-size:13px;
    margin-top:10px;
    padding-right:10px;
    color:#666;
    line-height:22px;
    background:#fff;
}

.phoneText {
    position: absolute;
    right:15px;
    bottom:15px;
    font-size:20px;
    color:orange;
    letter-spacing: 1px;
}